<template>
  <div id="app">
    <!-- <Life v-if="flag"/>
    <button  @click="flag = !flag">点我</button> -->
    <!-- <Father/> -->
    <!-- <Fil/> -->
    <!-- <Mixin/>
    <Mixin2/> -->

    <Dic/>
  </div>
</template>

<script>
import Life from './components/Life.vue'
import Father from './components/Father.vue'
import Fil from './components/Fil.vue'

import Mixin from './components2/Mixin.vue'
import Mixin2 from './components2/Mixin2.vue'

import Dic from './components3/Dic.vue'
export default {
  name: 'App',
  components: {
    Life,
    Father,
    Fil,
    Mixin,
    Mixin2,
    Dic
  },
  data() {
    return {
      flag: true
    }
  },
  mounted() {
    // this.$bus.emit('a', 'aaa')
  }
}
</script>

<style>

</style>
